<!--
/**
 * Description: 核心技术页面 - 美妆镜
 * User: Administrator
 * Date: 2017/9/4
 * Time: 14:51
 * Created by Created by Panxsoft.
 */
 -->

{{-- 继承布局模板 --}}
@extends('official_website.layouts.main')

@section('keywords')
    <meta name="keywords" content="人脸识别技术，人脸检测技术，人脸数据采集，人脸特征点定位，面部表情识别，形体智能，AR美妆镜，魔妆镜，虚拟试妆，美妆新零售，美妆智慧店"/>
@endsection()

{{--  当前页面的样式表 --}}
@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/core_technology_beauty_mirror.css') }}">
@endsection()

@section('script')
    <script src="/js/core_technology_beauty_mirror.js"></script>
    <script src="/js/qs.min.js"></script>
@endsection()


{{-- 插入标题 --}}
@section('title')
    <title>人脸识别技术，人脸检测技术，人脸数据采集，人脸特征点定位，面部表情识别，形体智能，AR美妆镜，魔妆镜，虚拟试妆，美妆新零售，美妆智慧店-广州帕克西软件开发有限公司</title>
@endsection


@section('content')
    <div class="banner">

    </div>
    <!-- BEGIN: 导航 -->
    <div class="navigation">
        <div class="navigation__list" id="navigation_list">
            <a @click="handleClick($event)" class="navigation__list__item active" href="#introduction">
                <i class="navigation__list__item__icon navigation__list__item__icon_introduction"></i>
                <span class="navigation__list__item__name">
                    @lang('technology/beauty_mirror.navigation.0')
                </span>
            </a>
            <a @click="handleClick($event)" class="navigation__list__item" href="#function">
                <i class="navigation__list__item__icon navigation__list__item__icon_function"></i>
                <span class="navigation__list__item__name">
                    @lang('technology/beauty_mirror.navigation.1')
                </span>
            </a>
            <a @click="handleClick($event)" class="navigation__list__item"  href="#category">
                <i class="navigation__list__item__icon navigation__list__item__icon_category"></i>
                <span class="navigation__list__item__name">
                    @lang('technology/beauty_mirror.navigation.2')
                </span>
            </a>
            <a @click="handleClick($event)" class="navigation__list__item" href="#scenario">
                <i class="navigation__list__item__icon navigation__list__item__icon_scenario"></i>
                <span class="navigation__list__item__name">
                    @lang('technology/beauty_mirror.navigation.3')
                </span>
            </a>
            <a @click="handleClick($event)" class="navigation__list__item" href="#value">
                <i class="navigation__list__item__icon navigation__list__item__icon_value"></i>
                <span class="navigation__list__item__name">
                    @lang('technology/beauty_mirror.navigation.4')
                </span>
            </a>
            <a @click="handleClick($event)" class="navigation__list__item" href="#service">
                <i class="navigation__list__item__icon navigation__list__item__icon_service"></i>
                <span class="navigation__list__item__name">
                    @lang('technology/beauty_mirror.navigation.5')
                </span>
            </a>
        </div>
        <div class="navigation__switch" id="language_switch">
            @if (App::isLocale('en'))
                <span @click="setChinese" class="navigation__switch__button ">CN</span>
                <span @click="setEnglish" class="navigation__switch__button active">EN</span>
            @else
                <span @click="setChinese" class="navigation__switch__button active">CN</span>
                <span @click="setEnglish" class="navigation__switch__button ">EN</span>
            @endif

        </div>
    </div>
    <!-- END: 导航 -->

    <!-- BEGIN: 解决方案 -->
    <div class="solution" id="introduction">

        <div class="left">
            @if (App::isLocale('en'))
                <video autoplay loop controls="controls" src="//gz.bcebos.com/v1/panx-website/video/technology_update/Panxsoft AR Makeup Mirror.mp4"></video>
            @else
                <video autoplay loop  controls="controls" src="//gz.bcebos.com/v1/panx-website/video/technology_update/帕克西魔妆镜.mp4"></video>
            @endif
        </div>

        <div class="right">
            <h2 class="solution__title">
                @lang('technology/beauty_mirror.solution.header')
            </h2>
            <p class="solution__subtitle">
                @lang('technology/beauty_mirror.solution.subhead')
            </p>



            <div class="solution__content" >
                @lang('technology/beauty_mirror.solution.content')
            </div>

            <ul class="solution__list">
                <li class="solution__list__item">
                    <div class="solution__list__item__icon">
                        <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Passenger flow.png" alt="">
                    </div>
                    <p class="solution__list__item__name">
                        @lang('technology/beauty_mirror.solution.list.0')
                    </p>
                </li>
                <li class="solution__list__item">
                    <div class="solution__list__item__icon">
                        <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Promote transactions.png" alt="">
                    </div>
                    <p class="solution__list__item__name">
                        @lang('technology/beauty_mirror.solution.list.1')
                    </p>
                </li>
                <li class="solution__list__item">
                    <div class="solution__list__item__icon">
                        <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Stick customer.png" alt="">
                    </div>
                    <p class="solution__list__item__name">
                        @lang('technology/beauty_mirror.solution.list.2')
                    </p>
                </li>
                <li class="solution__list__item">
                    <div class="solution__list__item__icon">
                        <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Micromarketing.png" alt="">
                    </div>
                    <p class="solution__list__item__name">
                        @lang('technology/beauty_mirror.solution.list.3')
                    </p>
                </li>
            </ul>
        </div>



    </div>
    <!-- END: 解决方案 -->

    <!-- BEGIN: 核心功能 -->
    <div class="function" id="function">
        <h2 class="function__title">
            @lang('technology/beauty_mirror.function.header')
        </h2>
        <p class="function__subtitle">
            @lang('technology/beauty_mirror.function.subhead')
        </p>
        <ul class="function__list">
            <li class="function__list__item">
                <div class="function__list__item__picture">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/20180927/skin_test.png" alt="">
                </div>
                <dl class="list">
                    <dt class="list__title">
                        @lang('technology/beauty_mirror.function.contents.0.title')
                    </dt>
                    <dd class="focused">
                        @lang('technology/beauty_mirror.function.contents.0.desc.0')
                    </dd>
                    <dd>
                        @lang('technology/beauty_mirror.function.contents.0.desc.1')
                    </dd>
                </dl>
            </li>
            <li class="function__list__item">
                <div class="function__list__item__picture">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/20180927/tryon.png" alt="">
                </div>
                <dl class="list">
                    <dt class="list__title">
                        @lang('technology/beauty_mirror.function.contents.1.title')
                    </dt>
                    <dd class="focused">
                        @lang('technology/beauty_mirror.function.contents.1.desc.0')
                    </dd>
                    <dd>
                        @lang('technology/beauty_mirror.function.contents.1.desc.1')
                    </dd>
                    <dd>
                        @lang('technology/beauty_mirror.function.contents.1.desc.2')
                    </dd>
                </dl>
            </li>
            <li class="function__list__item">
                <div class="function__list__item__picture">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/20180927/marketing.png" alt="">
                </div>
                <dl class="list">
                    <dt class="list__title">
                        @lang('technology/beauty_mirror.function.contents.2.title')
                    </dt>
                    <dd>
                        @lang('technology/beauty_mirror.function.contents.2.desc.0')
                    </dd>
                    <dd>
                        @lang('technology/beauty_mirror.function.contents.2.desc.1')
                    </dd>
                    <dd>
                        @lang('technology/beauty_mirror.function.contents.2.desc.2')
                    </dd>
                    <dd class="focused">
                        @lang('technology/beauty_mirror.function.contents.2.desc.3')
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
    <!-- END: 核心功能 -->

    <!-- BEGIN: 产品形态 -->
    <div class="category" id="category">
        <h2 class="category__title">
            @lang('technology/beauty_mirror.category.header')
        </h2>
        <h2 class="category__subtitle">
            @lang('technology/beauty_mirror.category.subhead')
        </h2>
        <ul class="category__icons" ref="tabs">
            <li @click="switchPlane(0)" class="category__icons__item wall active"></li>
            <li @click="switchPlane(1)" class="category__icons__item standing"></li>
            <li @click="switchPlane(2)" class="category__icons__item vending"></li>
            <li @click="switchPlane(3)" class="category__icons__item customer"></li>
        </ul>
        <ul class="category__content" ref="content" >

            <li class="plane wall active">
                <div class="wall__left">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/image_Mirror screen.png?v1" alt="">
                </div>

                <div class="wall__right">
                    <h4 class="wall__right__title">
                        @lang('technology/beauty_mirror.category.content.wall.title')
                    </h4>
                    <p class="wall__right__desc first">
                        @lang('technology/beauty_mirror.category.content.wall.desc')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.wall.detail.0')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.wall.detail.1')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.wall.detail.2')
                    </p>
                </div>
            </li>

            <li class="plane standing">
                <div class="wall__left">
                    <img src="//panx-website.gz.bcebos.com/images/technology/beauty_mirror/image_Vertical mirror screen.png?v1" alt="">
                </div>

                <div class="wall__right">
                    <h4 class="wall__right__title">
                        @lang('technology/beauty_mirror.category.content.standing.title')
                    </h4>
                    <p class="wall__right__desc first">
                        @lang('technology/beauty_mirror.category.content.standing.desc')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.standing.detail.0')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.standing.detail.1')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.standing.detail.2')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.standing.detail.3')
                    </p>
                </div>
            </li>


            <li class="plane standing">
                <div class="wall__left">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/image_Vending machine.png?v1" alt="">
                </div>

                <div class="wall__right">
                    <h4 class="wall__right__title">
                        @lang('technology/beauty_mirror.category.content.vending.title')
                    </h4>
                    <p class="wall__right__desc first">
                        @lang('technology/beauty_mirror.category.content.vending.desc')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.vending.detail.0')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.vending.detail.1')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.vending.detail.2')
                    </p>
                    <p class="wall__right__desc">
                        @lang('technology/beauty_mirror.category.content.vending.detail.3')
                    </p>
                </div>
            </li>


            <li class="plane customer">

                <div class="wall__left">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/More customization.png?v1" alt="">
                </div>

                <div class="wall__right">
                    <h4 class="wall__right__title">
                        @lang('technology/beauty_mirror.category.content.customer.title')
                    </h4>
                    <p class="wall__right__desc first">
                        @lang('technology/beauty_mirror.category.content.customer.desc')
                    </p>
                    {{--<p class="wall__right__desc">--}}
                        {{--@lang('technology/beauty_mirror.category.content.vending.detail.0')--}}
                    {{--</p>--}}
                    {{--<p class="wall__right__desc">--}}
                        {{--@lang('technology/beauty_mirror.category.content.vending.detail.1')--}}
                    {{--</p>--}}
                    {{--<p class="wall__right__desc">--}}
                        {{--@lang('technology/beauty_mirror.category.content.vending.detail.2')--}}
                    {{--</p>--}}
                    {{--<p class="wall__right__desc">--}}
                        {{--@lang('technology/beauty_mirror.category.content.vending.detail.3')--}}
                    {{--</p>--}}


                {{--<h4 class="customer__title">--}}
                    {{--@lang('technology/beauty_mirror.category.content.customer.title.0')--}}
                {{--</h4>--}}

                {{--<p class="customer__desc">--}}
                    {{--@lang('technology/beauty_mirror.category.content.customer.desc')--}}
                {{--</p>--}}

                {{--<h4 class="customer__title">--}}
                    {{--@lang('technology/beauty_mirror.category.content.customer.title.1')--}}
                {{--</h4>--}}

                    <h4 class="wall__right__title support">
                        @lang('technology/beauty_mirror.category.content.customer.support')
                    </h4>

                    <ul class="customer__platform ">
                       <li class="customer__platform__item">
                            <div class="customer__platform__icon">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_IOS.png" alt="">
                            </div>
                           <p class="customer__platform__item_name">
                               @lang('technology/beauty_mirror.category.content.customer.platform.0')
                           </p>
                       </li>
                        <li class="customer__platform__item">
                            <div class="customer__platform__icon">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Android.png" alt="">
                            </div>
                            <p class="customer__platform__item_name">
                                @lang('technology/beauty_mirror.category.content.customer.platform.1')
                            </p>
                        </li>
                        <li class="customer__platform__item">
                            <div class="customer__platform__icon">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Windows.png" alt="">
                            </div>
                            <p class="customer__platform__item_name">
                                @lang('technology/beauty_mirror.category.content.customer.platform.2')
                            </p>
                        </li>
                        <li class="customer__platform__item">
                            <div class="customer__platform__icon">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_HTML5.png" alt="">
                            </div>
                            <p class="customer__platform__item_name">
                                @lang('technology/beauty_mirror.category.content.customer.platform.3')
                            </p>
                        </li>
                    </ul>

                </div>

            </li>

        </ul>
    </div>
    <!-- END: 产品形态 -->


    <!-- BEGIN: 场景 -->
    <section class="scenario" id="scenario">

        <div class="wrapper">
            <div class="scenario-header">
                @lang('technology/beauty_mirror.scenario.header')
            </div>

            <div class="scenario-subhead">
                @lang('technology/beauty_mirror.scenario.subhead')
            </div>


            <ul class="scenario-list clearfix">
                {{--active--}}

                <!-- BEGIN: 行业item -->
                <li  @mouseenter="handleMouseEnter" class="scenario-list-item active" >
                    <div class="item-container">
                        <div class="item-normal">
                            <div class="item-normal-cover">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/image_Beauty industry.jpg" alt="">
                            </div>
                            <h4 class="item-normal-name">
                                @lang('technology/beauty_mirror.scenario.content.0.title')
                            </h4>
                            <p class="item-normal-summary" >
                                @lang('technology/beauty_mirror.scenario.content.0.summary.0'),
                                @lang('technology/beauty_mirror.scenario.content.0.summary.1')
                            </p>
                        </div>
                        <div class="item-reverse">
                            <p class="item-reverse-en">
                                @lang('technology/beauty_mirror.scenario.content.0.name')
                            </p>

                            <dl>
                                <dt>
                                    @lang('technology/beauty_mirror.scenario.content.0.title')
                                </dt>
                                <dd>@lang('technology/beauty_mirror.scenario.content.0.summary.0')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.0.summary.1')</dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <!-- END: 行业item -->


                <!-- BEGIN: 行业item 1 -->
                <li @mouseenter="handleMouseEnter" class="scenario-list-item" >
                    <div class="item-container">
                        <div class="item-normal">
                            <div class="item-normal-cover">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/20180927/brand manufacture.jpg?v1"  alt="">
                            </div>
                            <h4 class="item-normal-name">
                                @lang('technology/beauty_mirror.scenario.content.1.title')
                            </h4>
                            <p class="item-normal-summary" >
                                @lang('technology/beauty_mirror.scenario.content.1.summary.0')
                            </p>
                        </div>
                        <div class="item-reverse">
                            <p class="item-reverse-en">
                                @lang('technology/beauty_mirror.scenario.content.1.name')
                            </p>

                            <dl>
                                <dt>
                                    @lang('technology/beauty_mirror.scenario.content.1.title')
                                </dt>
                                <dd>@lang('technology/beauty_mirror.scenario.content.1.summary.0')</dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <!-- END: 行业item 1-->


                <!-- BEGIN: 行业item 2 -->
                <li  @mouseenter="handleMouseEnter" class="scenario-list-item" >
                    <div class="item-container">
                        <div class="item-normal">
                            <div class="item-normal-cover">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/image_Public transit.png?v1"  alt="">
                            </div>
                            <h4 class="item-normal-name">
                                @lang('technology/beauty_mirror.scenario.content.2.title')
                            </h4>
                            <p class="item-normal-summary" >
                                @lang('technology/beauty_mirror.scenario.content.2.summary.0'),
                                @lang('technology/beauty_mirror.scenario.content.2.summary.1'),
                                @lang('technology/beauty_mirror.scenario.content.2.summary.2'),
                                @lang('technology/beauty_mirror.scenario.content.2.summary.3'),
                                @lang('technology/beauty_mirror.scenario.content.2.summary.4')
                            </p>
                        </div>
                        <div class="item-reverse">
                            <p class="item-reverse-en">
                                @lang('technology/beauty_mirror.scenario.content.2.name')
                            </p>

                            <dl>
                                <dt>
                                    @lang('technology/beauty_mirror.scenario.content.2.title')
                                </dt>
                                <dd>@lang('technology/beauty_mirror.scenario.content.2.summary.0')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.2.summary.1')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.2.summary.2')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.2.summary.3')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.2.summary.4')</dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <!-- END: 行业item 2-->

                <!-- BEGIN: 行业item 3 -->
                <li  @mouseenter="handleMouseEnter" class="scenario-list-item" >
                    <div class="item-container">
                        <div class="item-normal">
                            <div class="item-normal-cover">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/image_Retail industry.jpg"  alt="">
                            </div>
                            <h4 class="item-normal-name">
                                @lang('technology/beauty_mirror.scenario.content.3.title')
                            </h4>
                            <p class="item-normal-summary" >
                                @lang('technology/beauty_mirror.scenario.content.3.summary.0'),
                                @lang('technology/beauty_mirror.scenario.content.3.summary.1'),
                                @lang('technology/beauty_mirror.scenario.content.3.summary.2')
                            </p>
                        </div>
                        <div class="item-reverse">
                            <p class="item-reverse-en">
                                @lang('technology/beauty_mirror.scenario.content.3.name')
                            </p>

                            <dl>
                                <dt>
                                    @lang('technology/beauty_mirror.scenario.content.3.title')
                                </dt>
                                <dd>@lang('technology/beauty_mirror.scenario.content.3.summary.0')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.3.summary.1')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.3.summary.2')</dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <!-- END: 行业item 3-->


                <!-- BEGIN: 行业item 4 -->
                <li  @mouseenter="handleMouseEnter" class="scenario-list-item" >
                    <div class="item-container">
                        <div class="item-normal">
                            <div class="item-normal-cover">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/image_Electronic business platform.png" alt="">
                            </div>
                            <h4 class="item-normal-name">
                                @lang('technology/beauty_mirror.scenario.content.4.title')
                            </h4>
                            <p class="item-normal-summary" >
                                @lang('technology/beauty_mirror.scenario.content.4.summary.0'),
                                @lang('technology/beauty_mirror.scenario.content.4.summary.1')
                            </p>
                        </div>
                        <div class="item-reverse">
                            <p class="item-reverse-en">
                                @lang('technology/beauty_mirror.scenario.content.4.name')
                            </p>

                            <dl>
                                <dt>
                                    @lang('technology/beauty_mirror.scenario.content.4.title')
                                </dt>
                                <dd>@lang('technology/beauty_mirror.scenario.content.4.summary.0')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.4.summary.1')</dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <!-- END: 行业item 4-->

                <!-- BEGIN: 行业item 5 -->
                <li  @mouseenter="handleMouseEnter" class="scenario-list-item" >
                    <div class="item-container">
                        <div class="item-normal">
                            <div class="item-normal-cover">
                                <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/image_Cross-border industry.png"  alt="">
                            </div>
                            <h4 class="item-normal-name">
                                @lang('technology/beauty_mirror.scenario.content.5.title')
                            </h4>
                            <p class="item-normal-summary" >
                                @lang('technology/beauty_mirror.scenario.content.5.summary.0'),
                                @lang('technology/beauty_mirror.scenario.content.5.summary.1'),
                                @lang('technology/beauty_mirror.scenario.content.5.summary.2'),
                                @lang('technology/beauty_mirror.scenario.content.5.summary.3'),
                                @lang('technology/beauty_mirror.scenario.content.5.summary.4')
                            </p>
                        </div>
                        <div class="item-reverse">
                            <p class="item-reverse-en">
                                @lang('technology/beauty_mirror.scenario.content.5.name')
                            </p>

                            <dl>
                                <dt>
                                    @lang('technology/beauty_mirror.scenario.content.5.title')
                                </dt>
                                <dd>@lang('technology/beauty_mirror.scenario.content.5.summary.0')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.5.summary.1')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.5.summary.2')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.5.summary.3')</dd>
                                <dd>@lang('technology/beauty_mirror.scenario.content.5.summary.4')</dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <!-- END: 行业item 5-->


            </ul>
        </div>
    </section>
    <!-- END:场景 -->

    <!-- BEGIN:价值 -->
    <div class="value" id="value">
        <h2 class="value__header">
            @lang('technology/beauty_mirror.value.header')
        </h2>
        <h4 class="value__subhead">
            @lang('technology/beauty_mirror.value.subhead')
        </h4>

        <ul class="value__list">
            <li class="value__list__item">
                <div class="value__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Passengerflow.png" alt="">
                </div>
                <h5 class="value__list__item__name">
                    @lang('technology/beauty_mirror.value.content.0.title')
                </h5>
                <p class="value__list__item__desc">
                    @lang('technology/beauty_mirror.value.content.0.desc')
                </p>
            </li>

            <li class="value__list__item">
                <div class="value__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Promotetransactions.png" alt="">
                </div>
                <h5 class="value__list__item__name">
                    @lang('technology/beauty_mirror.value.content.1.title')
                </h5>
                <p class="value__list__item__desc center">
                    @lang('technology/beauty_mirror.value.content.1.desc')
                </p>
            </li>

            <li class="value__list__item">
                <div class="value__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/iicon_Stickcustomer.png" alt="">
                </div>
                <h5 class="value__list__item__name">
                    @lang('technology/beauty_mirror.value.content.2.title')
                </h5>
                <p class="value__list__item__desc">
                    @lang('technology/beauty_mirror.value.content.2.desc')
                </p>
            </li>

            <li class="value__list__item">
                <div class="value__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_SkinInformationManagement.png" alt="">
                </div>
                <h5 class="value__list__item__name">
                    @lang('technology/beauty_mirror.value.content.3.title')
                </h5>
                <p class="value__list__item__desc">
                    @lang('technology/beauty_mirror.value.content.3.desc')
                </p>
            </li>

            <li class="value__list__item">
                <div class="value__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Bigdatacollection.png" alt="">
                </div>
                <h5 class="value__list__item__name">
                    @lang('technology/beauty_mirror.value.content.4.title')
                </h5>
                <p class="value__list__item__desc center">
                    @lang('technology/beauty_mirror.value.content.4.desc')
                </p>
            </li>

            <li class="value__list__item">
                <div class="value__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Synchronize.png" alt="">
                </div>
                <h5 class="value__list__item__name">
                    @lang('technology/beauty_mirror.value.content.5.title')
                </h5>
                <p class="value__list__item__desc">
                    @lang('technology/beauty_mirror.value.content.5.desc')
                </p>
            </li>

        </ul>
    </div>
    <!-- END:价值 -->

    <!-- BEGIN:服务 -->
    <div class="service" id="service">
        <h2 class="service__header">
            @lang('technology/beauty_mirror.service.header')
        </h2>
        <h4 class="service__subhead">
            @lang('technology/beauty_mirror.service.subhead')
        </h4>

        <ul class="service__list">
            <li class="service__list__item">
                <div class="service__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_2.5DMakeupSDK.png" alt="">
                </div>
                <h5 class="service__list__item__name">
                    @lang('technology/beauty_mirror.service.content.1')
                </h5>
            </li>

            <li class="service__list__item">
                <div class="service__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_3DSampleMakeupSDK.png" alt="">
                </div>
                <h5 class="service__list__item__name">
                    @lang('technology/beauty_mirror.service.content.0')
                </h5>
            </li>

            <li class="service__list__item">
                <div class="service__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Applets.png" alt="">
                </div>
                <h5 class="service__list__item__name">
                    @lang('technology/beauty_mirror.service.content.2')
                </h5>
            </li>

            <li class="service__list__item">
                <div class="service__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_Beautypupil.png" alt="">
                </div>
                <h5 class="service__list__item__name">
                    @lang('technology/beauty_mirror.service.content.3')
                </h5>
            </li>

            <li class="service__list__item">
                <div class="service__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_hairstyle.png" alt="">
                </div>
                <h5 class="service__list__item__name">
                    @lang('technology/beauty_mirror.service.content.4')
                </h5>
            </li>

            <li class="service__list__item">
                <div class="service__list__item__icon">
                    <img src="//gz.bcebos.com/v1/panx-website/images/technology/beauty_mirror/icon_CustomDevelopment.png" alt="">
                </div>
                <h5 class="service__list__item__name">
                    @lang('technology/beauty_mirror.service.content.5')
                </h5>
            </li>

        </ul>
    </div>
    <!-- END:服务 -->


    @if (App::isLocale('en'))
    <!--BEGIN: 英文 -->
        {{-- 2018/06/04 18:00:53 谭芬说先不显示价格， 市场在修改 --}}
        {{--<div class="linked" >--}}
            {{--<div class="link__item">--}}
                {{--<span class="link__item__name">--}}
                    {{--@lang('technology/beauty_mirror.link.content.0')--}}
                {{--</span>--}}
                {{--<a class="link__item__url" href="//gz.bcebos.com/v1/panx-website/doc/Partnership-Manual.pdf">--}}
                    {{--@lang('technology/beauty_mirror.link.download')--}}
                {{--</a>--}}
            {{--</div>--}}
            {{--<div class="link__item">--}}
                {{--<span class="link__item__name">--}}
                    {{--@lang('technology/beauty_mirror.link.content.1')--}}
                {{--</span>--}}
                {{--<a class="link__item__url" href="//gz.bcebos.com/v1/panx-website/doc/Partnership-Application-Form.xlsx">--}}
                    {{--@lang('technology/beauty_mirror.link.download')--}}
                {{--</a>--}}
            {{--</div>--}}
            {{--<div class="link__item">--}}
                {{--<span class="link__item__name" >--}}
                    {{--@lang('technology/beauty_mirror.link.content.2')--}}
                {{--</span>--}}
                {{--<a class="link__item__url" href="//gz.bcebos.com/v1/panx-website/doc/Partnership-Pricing-System.jpg">--}}
                    {{--@lang('technology/beauty_mirror.link.download')--}}
                {{--</a>--}}
            {{--</div>--}}
        {{--</div>--}}

    <!--END: 英文 -->
    @else
    <!--BEGIN: 中文 -->
        {{-- 2018/06/04 18:00:53 谭芬说先不显示价格， 市场在修改 --}}
        {{--<div class="linked">--}}
            {{--<div class="link__item">--}}
                {{--<span class="link__item__name">--}}
                    {{--@lang('technology/beauty_mirror.link.content.0')--}}
                {{--</span>--}}
                {{--<a class="link__item__url" href="//gz.bcebos.com/v1/panx-website/doc/中文版-招商手册.pdf">--}}
                    {{--@lang('technology/beauty_mirror.link.download')--}}
                {{--</a>--}}
            {{--</div>--}}
            {{--<div class="link__item">--}}
                {{--<span class="link__item__name">--}}
                    {{--@lang('technology/beauty_mirror.link.content.1')--}}
                {{--</span>--}}
                {{--<a class="link__item__url" href="//gz.bcebos.com/v1/panx-website/doc/中文-合伙人信息申请表.xlsx">--}}
                    {{--@lang('technology/beauty_mirror.link.download')--}}
                {{--</a>--}}
            {{--</div>--}}
            {{--<div class="link__item">--}}
                {{--<span class="link__item__name" >--}}
                    {{--@lang('technology/beauty_mirror.link.content.2')--}}
                {{--</span>--}}
                {{--<a class="link__item__url" href="//gz.bcebos.com/v1/panx-website/doc/官方零售指导价公示.jpg">--}}
                    {{--@lang('technology/beauty_mirror.link.download')--}}
                {{--</a>--}}
            {{--</div>--}}
        {{--</div>--}}


    <!--END: 中文 -->
    @endif



@endsection
